.hv-designer-header-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .hv-designer-header-title {
    width: 200px;
    font-size: 17px;
    font-weight: 500;
    color: var(--hv-dark-color);
  }

  .hv-designer-header-tools {
    display: flex;
    align-items: center;
    color: var(--hv-dark-color);

    .hv-designer-header-theme {
      margin-right: 25px;
      width: 150px;

      :deep(.ant-select-selector) {
        background: var(--hv-dash-des-header-input-bg);
        border-color: var(--hv-dark-input-bor-color);
        color: var(--hv-dash-des-header-input-color);
        height: var(--hv-dash-des-header-input-height);
      }
      :deep(.ant-select-arrow) {
        color: var(--hv-dash-des-header-input-color);
      }
    }

    :deep(.ant-btn) {
      margin-right: 7px;
      height: calc(var(--hv-dash-des-header-height) - 14px);
    }

    .hv-designer-log-dropdown {
      position: relative;
      .hv-designer-log-dropdown-bg {
        background-color: transparent;
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 9998;
        top: 0;
        left: 0;
      }

      .hv-designer-log-list {
        position: absolute;
        right: 5px;
        top: calc(var(--hv-dash-des-header-height) - 10px);
        z-index: 9999;
        padding: 5px 10px;
        max-height: 350px;
        width: 250px;
        background-color: var(--hv-dash-des-header-log-bg);
        border-radius: var(--hv-border-radius-default);
        box-shadow: var(--hv-light-shadow);
        &-item {
          height: 35px;
          line-height: 35px;
          color: var(--hv-dash-des-header-log-item-color);
          cursor: pointer;
          margin-bottom: 5px;
          margin-top: 5px;
          padding: 0 10px;
          transition: 0.35s;
          border: var(--hv-border-width-base) var(--hv-border-style-base)
            var(--hv-dark-bor-color);
          border-radius: var(--hv-border-radius-default);
          &:hover {
            background-color: var(--hv-dash-des-header-log-item-hov-bg);
          }
        }
      }
    }
  }
}
